/*
 * @Author: xiaosihan 
 * @Date: 2023-08-21 22:46:28 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2023-08-27 22:21:57
 */




import { Tooltip } from "antd";
import clsx from "clsx";
import { autorun } from "mobx";
import { useEffect, useRef, useState } from "react";
import tipSVG from "./tip.svg?raw";
import styles from "./toolTip.module.less";
import designTipJPG from "./designTip.jpg";

interface Iprops {
}


// 提示信息
export default function ToolTip() {
    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }), []);

    return (
        <Tooltip
            title={
                <img
                    alt=""
                    src={designTipJPG}
                />
            }
            overlayInnerStyle={{ width: 340 }}
            color="#ffffff"
            placement="bottom"
            // mouseLeaveDelay={0}
            // mouseEnterDelay={0.5}
        >
            <span
                className={clsx(styles.toolTip)}
                dangerouslySetInnerHTML={{ __html: tipSVG }}
            >

            </span>
        </Tooltip>
    );

}